﻿@model IEnumerable<Ejercicio_THE_FUTURE.Models.Producto>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!---<div ALING="center">portal cliente--->
<head>
    <br /><br />
<form> 
   <label> 
       <span>Buscar un producto: </span> 
       <input type="text" name="term"/> 
   </label> 
   <input type="submit" value="Buscar"/> 
</form>
    <blockquote>Está en la sección administrativa, sus cambios se reflejarán 
          instantáneamente en el sitio!!</blockquote>
     <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css"> 
    </head>
<body>
<table class="table table-hover">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.nombre)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.modelo)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.marca)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.precio)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.descripcion)
        </th>
        <th>
            Foto
        </th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            <a href="/Productos/Details/@item.id" target="_blank">
            @Html.DisplayFor(modelItem => item.nombre)
            </a>    
            
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.modelo)
        </td>
        <td>
            <a href="~/Marca/Details/@item.marca.id">
                @Html.DisplayFor(modelItem => item.marca.nombre)
            </a>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.precio)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.descripcion)
        </td>
        <td>
            <img src="@Html.DisplayFor(modelItem => item.url)" class="img-rounded" style="max-width: 10%"/>
        </td>
           <td>
             <div class="btn-group">
           <a class="btn btn-warning" data-toggle="dropdown">Opciones<span class="caret"></span></a>
           <ul class="dropdown-menu">
           <li> @Html.ActionLink("Edit", "Edit", new { id=item.id })</li>
           <li> @Html.ActionLink("Delete", "Delete", new { id=item.id })</li>
           </ul>
           </div>    
        </td>
    </tr>
}
 </table>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>

</body>
    
<button type="button" class="btn btn-loading..."><a href="/Marca/Create"><font size="4" color="black"> Crear Marca</font></a>
</button>
<button type="button" class="btn btn-primary" data-toggle="button"><a href="~/Administracion/Create"><font size="3" color="white">Crear Producto</font></a></button>



